<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>自定义指令</title>
</head>
<body>
	<div id="app">
		<input type="text" name="focus" v-autofocus="0===false">
		<input type="text" name="update" v-model="message">
	</div>
</body>
</html>
<script src="../2.1.8/vue.js"></script>
<script>
	let vm = new Vue({
		el : '#app',
		data : {
			message : ''
		},
		directives : {
			// 指令名称
			"autofocus" : {
				// 当数据发生变化，即可执行 update 函数
				update( el, binding ){

					console.log( binding );
					// console.log( this );

					/*

						el : 指令所在的元素，即 DOM 节点
						binding : 是一个对象
							.expression : 表达式，指指令待执行的表达式
							.name : 指令名称
							.oldValue : 上一次的值
							.value : 表达式的值
					*/

					if( binding.value ){
						el.focus();
					}
				}
			}
		}
	});
</script>